<template>
  <div class="rightc">
    <!-- 登录 -->
    <div class="dl" v-if="!$store.state.zhuangtai.iszhuce">
      <div class="rtop">欢迎登录创思设备管理系统</div>
      <div class="rmain">
        <div class="in">
          邮箱
          <br />
          <br />
          <input @change="yzyx" type="text" id="mm" v-model="email"/>
        </div>
        <div class="in">
          密码
          <br />
          <br />
          <input ref="mm" type="password" v-model="pass" name="" id="mm" />
          <div class="eyes" @click="xs">
            <el-icon v-show="eye"
              ><View style="width: 30px; height: 30px"
            /></el-icon>
            <div v-show="!eye">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                fill="none"
                version="1.1"
                width="30"
                height="30"
                viewBox="0 0 30 30"
              >
                <clipPath id="master_svg0_0_729">
                  <rect x="0" y="0" width="30" height="30" rx="0" />
                </clipPath>
                <g
                  clip-path="url(#master_svg0_0_729)"
                  style="mix-blend-mode: passthrough"
                >
                  <g>
                    <g style="mix-blend-mode: passthrough">
                      <g>
                        <g style="mix-blend-mode: passthrough">
                          <path
                            d="M20.832842492103577,9.40737Q17.80004249210358,7.25,15.000042492103576,7.25Q11.916942492103576,7.25,8.567432492103578,9.85233Q6.271152492103576,11.636379999999999,4.222592492103576,14.31062Q3.9838424921035767,14.61805,3.9838424921035767,15.00062Q3.9838424921035767,15.3832,4.218512492103576,15.68534Q6.565722492103577,18.7466,9.170182492103578,20.5959Q9.250492492103577,20.652900000000002,9.318132492103576,20.7245Q9.385772492103577,20.7961,9.438142492103577,20.8795Q9.490522492103576,20.962899999999998,9.525612492103576,21.0549Q9.560712492103576,21.147,9.577172492103577,21.2441Q9.593642492103577,21.3412,9.590852492103576,21.4396Q9.588052492103577,21.5381,9.566102492103576,21.6341Q9.544162492103577,21.7301,9.503902492103578,21.82Q9.463642492103578,21.9099,9.406622492103576,21.9902Q9.349602492103577,22.0705,9.278012492103578,22.1381Q9.206422492103577,22.2058,9.123002492103577,22.2581Q9.039592492103576,22.3105,8.947562492103577,22.3456Q8.855542492103577,22.3807,8.758432492103577,22.3972Q8.661332492103575,22.4136,8.562882492103576,22.4108Q8.464422492103576,22.4081,8.368412492103577,22.3861Q8.272392492103577,22.3642,8.182512492103577,22.3239Q8.092622492103576,22.2836,8.012312492103577,22.226599999999998Q5.162012492103576,20.2028,2.6389844921035768,16.9122Q1.9838424921035767,16.06866,1.9838424921035767,15.00062Q1.9838424921035767,13.932590000000001,2.6348994921035764,13.094380000000001Q4.840362492103576,10.21532,7.3403824921035765,8.27298Q11.231312492103577,5.25,15.000042492103576,5.25Q18.43874249210358,5.25,21.992142492103575,7.77763Q22.072442492103576,7.83472,22.139942492103575,7.90637Q22.207542492103578,7.97802,22.259842492103576,8.06148Q22.312142492103575,8.14494,22.347142492103576,8.23699Q22.382142492103576,8.32905,22.398542492103577,8.426169999999999Q22.414942492103577,8.52329,22.412042492103577,8.621739999999999Q22.409142492103577,8.72019,22.387142492103578,8.81618Q22.365142492103576,8.91218,22.324842492103578,9.00203Q22.284442492103576,9.09189,22.227342492103578,9.17214Q22.170242492103576,9.2524,22.098642492103576,9.319980000000001Q22.026942492103576,9.38756,21.943542492103578,9.43986Q21.860042492103577,9.49216,21.768042492103575,9.52717Q21.675942492103577,9.562190000000001,21.578842492103576,9.57857Q21.481742492103578,9.59495,21.383242492103577,9.59207Q21.284842492103575,9.58919,21.188842492103575,9.56716Q21.09284249210358,9.54513,21.00294249210358,9.50479Q20.913142492103578,9.464459999999999,20.832842492103577,9.40737ZM22.412542492103576,8.5925Q22.412542492103576,8.69099,22.393242492103578,8.78759Q22.374042492103577,8.88419,22.336342492103576,8.97518Q22.29864249210358,9.06618,22.243942492103578,9.14807Q22.189242492103578,9.22996,22.119642492103576,9.29961Q22.049942492103575,9.369250000000001,21.968042492103578,9.42397Q21.886142492103577,9.47869,21.795142492103576,9.51638Q21.70414249210358,9.55407,21.607542492103576,9.57328Q21.510942492103577,9.5925,21.412542492103576,9.5925Q21.314042492103578,9.5925,21.217442492103576,9.57328Q21.120842492103577,9.55407,21.029842492103576,9.51638Q20.938842492103575,9.47869,20.856942492103578,9.42397Q20.775042492103577,9.369250000000001,20.705342492103576,9.29961Q20.635742492103578,9.22996,20.581042492103578,9.14807Q20.526342492103577,9.06618,20.488642492103576,8.97518Q20.450942492103575,8.88419,20.431742492103577,8.78759Q20.412542492103576,8.69099,20.412542492103576,8.5925Q20.412542492103576,8.49401,20.431742492103577,8.39741Q20.450942492103575,8.30081,20.488642492103576,8.20982Q20.526342492103577,8.11882,20.581042492103578,8.03693Q20.635742492103578,7.95504,20.705342492103576,7.88539Q20.775042492103577,7.8157499999999995,20.856942492103578,7.76103Q20.938842492103575,7.70631,21.029842492103576,7.66862Q21.120842492103577,7.63093,21.217442492103576,7.61171Q21.314042492103578,7.5925,21.412542492103576,7.5925Q21.510942492103577,7.5925,21.607542492103576,7.61171Q21.70414249210358,7.63093,21.795142492103576,7.66862Q21.886142492103577,7.70631,21.968042492103578,7.76103Q22.049942492103575,7.8157499999999995,22.119642492103576,7.88539Q22.189242492103578,7.95504,22.243942492103578,8.03693Q22.29864249210358,8.11882,22.336342492103576,8.20982Q22.374042492103577,8.30081,22.393242492103578,8.39741Q22.412542492103576,8.49401,22.412542492103576,8.5925ZM9.591252492103576,21.4112Q9.591252492103576,21.509700000000002,9.572032492103578,21.606299999999997Q9.552822492103576,21.7029,9.515132492103577,21.7939Q9.477442492103577,21.884900000000002,9.422722492103578,21.9668Q9.368002492103576,22.0487,9.298352492103577,22.1184Q9.228712492103575,22.188000000000002,9.146822492103578,22.2427Q9.064932492103576,22.2974,8.973932492103577,22.3351Q8.882942492103577,22.3728,8.786342492103577,22.392Q8.689742492103576,22.4112,8.591252492103576,22.4112Q8.492762492103576,22.4112,8.396162492103578,22.392Q8.299562492103576,22.3728,8.208562492103576,22.3351Q8.117572492103577,22.2974,8.035682492103577,22.2427Q7.953782492103577,22.188000000000002,7.884142492103576,22.1184Q7.814502492103577,22.0487,7.759782492103577,21.9668Q7.705062492103576,21.884900000000002,7.667372492103577,21.7939Q7.629682492103576,21.7029,7.610462492103577,21.606299999999997Q7.591252492103576,21.509700000000002,7.591252492103576,21.4112Q7.591252492103576,21.3128,7.610462492103577,21.2162Q7.629682492103576,21.1196,7.667372492103577,21.0286Q7.705062492103576,20.9376,7.759782492103577,20.8557Q7.814502492103577,20.7738,7.884142492103576,20.7041Q7.953782492103577,20.6345,8.035682492103577,20.5798Q8.117572492103577,20.525100000000002,8.208562492103576,20.4874Q8.299562492103576,20.4497,8.396162492103578,20.430500000000002Q8.492762492103576,20.4112,8.591252492103576,20.4112Q8.689742492103576,20.4112,8.786342492103577,20.430500000000002Q8.882942492103577,20.4497,8.973932492103577,20.4874Q9.064932492103576,20.525100000000002,9.146822492103578,20.5798Q9.228712492103575,20.6345,9.298352492103577,20.7041Q9.368002492103576,20.7738,9.422722492103578,20.8557Q9.477442492103577,20.9376,9.515132492103577,21.0286Q9.552822492103576,21.1196,9.572032492103578,21.2162Q9.591252492103576,21.3128,9.591252492103576,21.4112Z"
                            fill="#000000"
                            fill-opacity="1"
                          />
                        </g>
                        <g style="mix-blend-mode: passthrough">
                          <path
                            d="M25.1827,10.55619Q26.3447,11.762360000000001,27.3637,13.09163Q28.0152,13.92974,28.0157,14.99805Q28.0162,16.0664,27.3614,16.9105Q25.1596,19.7847,22.6596,21.727Q18.768700000000003,24.75,15,24.75Q13.57558,24.7435,12.21471,24.3384Q12.12031,24.3103,12.03321,24.2644Q11.946100000000001,24.2184,11.86964,24.1563Q11.79318,24.0942,11.73031,24.0184Q11.66743,23.9426,11.62055,23.856Q11.57367,23.7694,11.54458,23.6753Q11.5155,23.5812,11.50534,23.4832Q11.49517,23.3852,11.50432,23.2872Q11.51346,23.1891,11.54156,23.0947Q11.569659999999999,23.0003,11.61563,22.9132Q11.66161,22.8261,11.723690000000001,22.7496Q11.785779999999999,22.6732,11.86159,22.6103Q11.93739,22.5474,12.02401,22.5005Q12.11063,22.4537,12.20473,22.4246Q12.298829999999999,22.3955,12.396799999999999,22.3853Q12.49476,22.3752,12.59283,22.3843Q12.6909,22.3935,12.78529,22.4216Q13.87138,22.7449,15,22.75Q18.0831,22.75,21.4326,20.1477Q23.7288,18.363599999999998,25.7811,15.6845Q26.0159,15.382,26.0157,14.99902Q26.0155,14.61607,25.7763,14.30837Q24.8261,13.0687,23.7423,11.94381Q23.674,11.87288,23.6208,11.78999Q23.5676,11.70709,23.5316,11.61541Q23.4957,11.52373,23.4782,11.42679Q23.4608,11.32985,23.4627,11.23137Q23.4645,11.1329,23.4855,11.03667Q23.5065,10.94045,23.5459,10.85017Q23.5853,10.7599,23.6415,10.67904Q23.6978,10.59818,23.7687,10.52985Q23.8396,10.46151,23.9225,10.40833Q24.0054,10.355139999999999,24.0971,10.31915Q24.1888,10.283159999999999,24.2857,10.26575Q24.3827,10.248339999999999,24.4811,10.25017Q24.5796,10.25201,24.6758,10.273019999999999Q24.772,10.29403,24.8623,10.33341Q24.9526,10.37279,25.0335,10.429020000000001Q25.1143,10.48526,25.1827,10.55619ZM25.7071,5.707107L5.707107,25.7071L5,25L4.292893,24.2929L24.2929,4.292893L25,5L25.7071,5.707107ZM24.2929,4.292893Q24.3625,4.223249,24.4444,4.16853Q24.5263,4.113812,24.6173,4.076121Q24.7083,4.03843,24.8049,4.019215Q24.9015,4,25,4Q25.0985,4,25.1951,4.019215Q25.2917,4.03843,25.3827,4.076121Q25.4737,4.113812,25.5556,4.16853Q25.6375,4.223249,25.7071,4.292893Q25.7768,4.362537,25.8315,4.44443Q25.8862,4.526322,25.9239,4.617317Q25.9616,4.708311,25.9808,4.80491Q26,4.9015086,26,5Q26,5.0984914,25.9808,5.19509Q25.9616,5.291689,25.9239,5.382683Q25.8862,5.473678,25.8315,5.55557Q25.7768,5.637463,25.7071,5.707107L5.707107,25.7071Q5.637463,25.7768,5.55557,25.8315Q5.473678,25.8862,5.382683,25.9239Q5.291689,25.9616,5.19509,25.9808Q5.0984914,26,5,26Q4.9015086,26,4.80491,25.9808Q4.708311,25.9616,4.617317,25.9239Q4.526322,25.8862,4.44443,25.8315Q4.362537,25.7768,4.292893,25.7071Q4.223249,25.6375,4.16853,25.5556Q4.113812,25.4737,4.076121,25.3827Q4.03843,25.2917,4.019215,25.1951Q4,25.0985,4,25Q4,24.9015,4.019215,24.8049Q4.03843,24.7083,4.076121,24.6173Q4.113812,24.5263,4.16853,24.4444Q4.223249,24.3625,4.292893,24.2929L24.2929,4.292893ZM11.65173,16.9541L16.9555,11.65156L17.6625,12.35875L16.9496,13.05999Q16.5639,12.66794,16.0572,12.45434Q15.5505,12.24073,15.0006,12.238430000000001Q14.45064,12.23613,13.94213,12.44548Q13.43362,12.65483,13.04472,13.04363Q12.65582,13.43244,12.446349999999999,13.9409Q12.23688,14.44936,12.23906,14.99928Q12.24123,15.5492,12.45472,16.055999999999997Q12.668199999999999,16.5628,13.06016,16.9485L12.35875,17.6612L11.65173,16.9541ZM13.06577,18.3684Q12.99649,18.4377,12.91507,18.4922Q12.833649999999999,18.5467,12.743210000000001,18.584400000000002Q12.65276,18.6221,12.55672,18.6415Q12.46068,18.660899999999998,12.3627,18.6612Q12.26473,18.6616,12.16854,18.643Q12.07235,18.6244,11.98161,18.587400000000002Q11.89087,18.5505,11.80902,18.4966Q11.72718,18.442700000000002,11.65734,18.374000000000002Q10.980319999999999,17.7078,10.61157,16.8324Q10.24283,15.957,10.23907,15.0072Q10.23532,14.05733,10.59713,13.17908Q10.95894,12.300830000000001,11.63067,11.629249999999999Q12.30241,10.95768,13.18074,10.596070000000001Q14.05908,10.23447,15.0089,10.23845Q15.9588,10.242429999999999,16.8341,10.61138Q17.709
        3,10.98033,18.3754,11.65751Q18.4441,11.727360000000001,18.497999999999998,11.80922Q18.5518,11.89107,18.5887,11.98183Q18.625700000000002,12.07258,18.6443,12.16877Q18.6629,12.26496,18.6625,12.36294Q18.662100000000002,12.46092,18.642699999999998,12.55695Q18.6232,12.652989999999999,18.5856,12.74342Q18.5479,12.83386,18.493299999999998,12.91527Q18.4388,12.99667,18.369500000000002,13.06594L13.06577,18.3684ZM25.4625,11.25Q25.4625,11.34849,25.4433,11.44509Q25.4241,11.54169,25.3864,11.63268Q25.3487,11.72368,25.294,11.80557Q25.2392,11.88746,25.1696,11.95711Q25.1,12.02675,25.0181,12.08147Q24.9362,12.13619,24.8452,12.17388Q24.7542,12.21157,24.6576,12.23078Q24.561,12.25,24.4625,12.25Q24.364,12.25,24.2674,12.23078Q24.1708,12.21157,24.0798,12.17388Q23.9888,12.13619,23.9069,12.08147Q23.825,12.02675,23.7554,11.95711Q23.6857,11.88746,23.631,11.80557Q23.5763,11.72368,23.5386,11.63268Q23.5009,11.54169,23.4817,11.44509Q23.4625,11.34849,23.4625,11.25Q23.4625,11.15151,23.4817,11.05491Q23.5009,10.95831,23.5386,10.86732Q23.5763,10.77632,23.631,10.69443Q23.6857,10.61254,23.7554,10.54289Q23.825,10.47325,23.9069,10.41853Q23.9888,10.36381,24.0798,10.32612Q24.1708,10.28843,24.2674,10.269210000000001Q24.364,10.25,24.4625,10.25Q24.561,10.25,24.6576,10.269210000000001Q24.7542,10.28843,24.8452,10.32612Q24.9362,10.36381,25.0181,10.41853Q25.1,10.47325,25.1696,10.54289Q25.2392,10.61254,25.294,10.69443Q25.3487,10.77632,25.3864,10.86732Q25.4241,10.95831,25.4433,11.05491Q25.4625,11.15151,25.4625,11.25ZM13.5,23.38Q13.5,23.4785,13.48078,23.5751Q13.46157,23.6717,13.42388,23.7627Q13.38619,23.8537,13.33147,23.9356Q13.27675,24.0175,13.20711,24.0871Q13.13746,24.1568,13.05557,24.2115Q12.97368,24.2662,12.88268,24.3039Q12.79169,24.3416,12.69509,24.3608Q12.59849,24.38,12.5,24.38Q12.40151,24.38,12.30491,24.3608Q12.20831,24.3416,12.11732,24.3039Q12.02632,24.2662,11.94443,24.2115Q11.86254,24.1568,11.79289,24.0871Q11.72325,24.0175,11.66853,23.9356Q11.61381,23.8537,11.57612,23.7627Q11.53843,23.6717,11.519210000000001,23.5751Q11.5,23.4785,11.5,23.38Q11.5,23.2815,11.519210000000001,23.1849Q11.53843,23.0883,11.57612,22.9973Q11.61381,22.9063,11.66853,22.8244Q11.72325,22.7425,11.79289,22.6729Q11.86254,22.6032,11.94443,22.5485Q12.02632,22.4938,12.11732,22.4561Q12.20831,22.4184,12.30491,22.3992Q12.40151,22.38,12.5,22.38Q12.59849,22.38,12.69509,22.3992Q12.79169,22.4184,12.88268,22.4561Q12.97368,22.4938,13.05557,22.5485Q13.13746,22.6032,13.20711,22.6729Q13.27675,22.7425,13.33147,22.8244Q13.38619,22.9063,13.42388,22.9973Q13.46157,23.0883,13.48078,23.1849Q13.5,23.2815,13.5,23.38Z"
                            fill="#000000"
                            fill-opacity="1"
                          />
                        </g>
                      </g>
                    </g>
                  </g>
                </g>
              </svg>
            </div>
          </div>
        </div>
        <div class="xz">
          <div>
            <input
            ref="jz"
              type="checkbox"
              name=""
              id=""
              style="cursor: pointer"
              @input="jz"
            />记住我
          </div>
          <div style="cursor: pointer" @click="wjmm" id="iswjmm">忘记密码</div>
        </div>
      </div>

      <div class="login" @click="dl">登录</div>
      <div class="zzz">
        你还没有账号?<span
          @click="qiehuan"
          class="qiehuan"
          style="margin-left: 1em"
          >注册账号</span
        >
      </div>
    </div>
    <!-- 注册 -->
    <div class="zc" v-if="$store.state.zhuangtai.iszhuce">
      <div class="rtop">欢迎注册创思设备管理系统</div>
      <div class="rmain">
        <div class="in">
          姓名
          <br />
          <br />
          <input ref="name" type="text" id="mm" />
        </div>
        <div class="in">
          邮箱
          <br />
          <br />
          <input type="text" id="mm" @change="yzyx" v-model="email"/>
        </div>
        <div class="in mm">
          密码
          <br />
          <br />
          <input ref="mm" type="password" name="" id="mm" @input="yzmm" />
          <div class="eyes" @click="xs">
            <el-icon v-show="eye"
              ><View style="width: 30px; height: 30px"
            /></el-icon>
            <div v-show="!eye">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                fill="none"
                version="1.1"
                width="30"
                height="30"
                viewBox="0 0 30 30"
              >
                <clipPath id="master_svg0_0_729">
                  <rect x="0" y="0" width="30" height="30" rx="0" />
                </clipPath>
                <g
                  clip-path="url(#master_svg0_0_729)"
                  style="mix-blend-mode: passthrough"
                >
                  <g>
                    <g style="mix-blend-mode: passthrough">
                      <g>
                        <g style="mix-blend-mode: passthrough">
                          <path
                            d="M20.832842492103577,9.40737Q17.80004249210358,7.25,15.000042492103576,7.25Q11.916942492103576,7.25,8.567432492103578,9.85233Q6.271152492103576,11.636379999999999,4.222592492103576,14.31062Q3.9838424921035767,14.61805,3.9838424921035767,15.00062Q3.9838424921035767,15.3832,4.218512492103576,15.68534Q6.565722492103577,18.7466,9.170182492103578,20.5959Q9.250492492103577,20.652900000000002,9.318132492103576,20.7245Q9.385772492103577,20.7961,9.438142492103577,20.8795Q9.490522492103576,20.962899999999998,9.525612492103576,21.0549Q9.560712492103576,21.147,9.577172492103577,21.2441Q9.593642492103577,21.3412,9.590852492103576,21.4396Q9.588052492103577,21.5381,9.566102492103576,21.6341Q9.544162492103577,21.7301,9.503902492103578,21.82Q9.463642492103578,21.9099,9.406622492103576,21.9902Q9.349602492103577,22.0705,9.278012492103578,22.1381Q9.206422492103577,22.2058,9.123002492103577,22.2581Q9.039592492103576,22.3105,8.947562492103577,22.3456Q8.855542492103577,22.3807,8.758432492103577,22.3972Q8.661332492103575,22.4136,8.562882492103576,22.4108Q8.464422492103576,22.4081,8.368412492103577,22.3861Q8.272392492103577,22.3642,8.182512492103577,22.3239Q8.092622492103576,22.2836,8.012312492103577,22.226599999999998Q5.162012492103576,20.2028,2.6389844921035768,16.9122Q1.9838424921035767,16.06866,1.9838424921035767,15.00062Q1.9838424921035767,13.932590000000001,2.6348994921035764,13.094380000000001Q4.840362492103576,10.21532,7.3403824921035765,8.27298Q11.231312492103577,5.25,15.000042492103576,5.25Q18.43874249210358,5.25,21.992142492103575,7.77763Q22.072442492103576,7.83472,22.139942492103575,7.90637Q22.207542492103578,7.97802,22.259842492103576,8.06148Q22.312142492103575,8.14494,22.347142492103576,8.23699Q22.382142492103576,8.32905,22.398542492103577,8.426169999999999Q22.414942492103577,8.52329,22.412042492103577,8.621739999999999Q22.409142492103577,8.72019,22.387142492103578,8.81618Q22.365142492103576,8.91218,22.324842492103578,9.00203Q22.284442492103576,9.09189,22.227342492103578,9.17214Q22.170242492103576,9.2524,22.098642492103576,9.319980000000001Q22.026942492103576,9.38756,21.943542492103578,9.43986Q21.860042492103577,9.49216,21.768042492103575,9.52717Q21.675942492103577,9.562190000000001,21.578842492103576,9.57857Q21.481742492103578,9.59495,21.383242492103577,9.59207Q21.284842492103575,9.58919,21.188842492103575,9.56716Q21.09284249210358,9.54513,21.00294249210358,9.50479Q20.913142492103578,9.464459999999999,20.832842492103577,9.40737ZM22.412542492103576,8.5925Q22.412542492103576,8.69099,22.393242492103578,8.78759Q22.374042492103577,8.88419,22.336342492103576,8.97518Q22.29864249210358,9.06618,22.243942492103578,9.14807Q22.189242492103578,9.22996,22.119642492103576,9.29961Q22.049942492103575,9.369250000000001,21.968042492103578,9.42397Q21.886142492103577,9.47869,21.795142492103576,9.51638Q21.70414249210358,9.55407,21.607542492103576,9.57328Q21.510942492103577,9.5925,21.412542492103576,9.5925Q21.314042492103578,9.5925,21.217442492103576,9.57328Q21.120842492103577,9.55407,21.029842492103576,9.51638Q20.938842492103575,9.47869,20.856942492103578,9.42397Q20.775042492103577,9.369250000000001,20.705342492103576,9.29961Q20.635742492103578,9.22996,20.581042492103578,9.14807Q20.526342492103577,9.06618,20.488642492103576,8.97518Q20.450942492103575,8.88419,20.431742492103577,8.78759Q20.412542492103576,8.69099,20.412542492103576,8.5925Q20.412542492103576,8.49401,20.431742492103577,8.39741Q20.450942492103575,8.30081,20.488642492103576,8.20982Q20.526342492103577,8.11882,20.581042492103578,8.03693Q20.635742492103578,7.95504,20.705342492103576,7.88539Q20.775042492103577,7.8157499999999995,20.856942492103578,7.76103Q20.938842492103575,7.70631,21.029842492103576,7.66862Q21.120842492103577,7.63093,21.217442492103576,7.61171Q21.314042492103578,7.5925,21.412542492103576,7.5925Q21.510942492103577,7.5925,21.607542492103576,7.61171Q21.70414249210358,7.63093,21.795142492103576,7.66862Q21.886142492103577,7.70631,21.968042492103578,7.76103Q22.049942492103575,7.8157499999999995,22.119642492103576,7.88539Q22.189242492103578,7.95504,22.243942492103578,8.03693Q22.29864249210358,8.11882,22.336342492103576,8.20982Q22.374042492103577,8.30081,22.393242492103578,8.39741Q22.412542492103576,8.49401,22.412542492103576,8.5925ZM9.591252492103576,21.4112Q9.591252492103576,21.509700000000002,9.572032492103578,21.606299999999997Q9.552822492103576,21.7029,9.515132492103577,21.7939Q9.477442492103577,21.884900000000002,9.422722492103578,21.9668Q9.368002492103576,22.0487,9.298352492103577,22.1184Q9.228712492103575,22.188000000000002,9.146822492103578,22.2427Q9.064932492103576,22.2974,8.973932492103577,22.3351Q8.882942492103577,22.3728,8.786342492103577,22.392Q8.689742492103576,22.4112,8.591252492103576,22.4112Q8.492762492103576,22.4112,8.396162492103578,22.392Q8.299562492103576,22.3728,8.208562492103576,22.3351Q8.117572492103577,22.2974,8.035682492103577,22.2427Q7.953782492103577,22.188000000000002,7.884142492103576,22.1184Q7.814502492103577,22.0487,7.759782492103577,21.9668Q7.705062492103576,21.884900000000002,7.667372492103577,21.7939Q7.629682492103576,21.7029,7.610462492103577,21.606299999999997Q7.591252492103576,21.509700000000002,7.591252492103576,21.4112Q7.591252492103576,21.3128,7.610462492103577,21.2162Q7.629682492103576,21.1196,7.667372492103577,21.0286Q7.705062492103576,20.9376,7.759782492103577,20.8557Q7.814502492103577,20.7738,7.884142492103576,20.7041Q7.953782492103577,20.6345,8.035682492103577,20.5798Q8.117572492103577,20.525100000000002,8.208562492103576,20.4874Q8.299562492103576,20.4497,8.396162492103578,20.430500000000002Q8.492762492103576,20.4112,8.591252492103576,20.4112Q8.689742492103576,20.4112,8.786342492103577,20.430500000000002Q8.882942492103577,20.4497,8.973932492103577,20.4874Q9.064932492103576,20.525100000000002,9.146822492103578,20.5798Q9.228712492103575,20.6345,9.298352492103577,20.7041Q9.368002492103576,20.7738,9.422722492103578,20.8557Q9.477442492103577,20.9376,9.515132492103577,21.0286Q9.552822492103576,21.1196,9.572032492103578,21.2162Q9.591252492103576,21.3128,9.591252492103576,21.4112Z"
                            fill="#000000"
                            fill-opacity="1"
                          />
                        </g>
                        <g style="mix-blend-mode: passthrough">
                          <path
                            d="M25.1827,10.55619Q26.3447,11.762360000000001,27.3637,13.09163Q28.0152,13.92974,28.0157,14.99805Q28.0162,16.0664,27.3614,16.9105Q25.1596,19.7847,22.6596,21.727Q18.768700000000003,24.75,15,24.75Q13.57558,24.7435,12.21471,24.3384Q12.12031,24.3103,12.03321,24.2644Q11.946100000000001,24.2184,11.86964,24.1563Q11.79318,24.0942,11.73031,24.0184Q11.66743,23.9426,11.62055,23.856Q11.57367,23.7694,11.54458,23.6753Q11.5155,23.5812,11.50534,23.4832Q11.49517,23.3852,11.50432,23.2872Q11.51346,23.1891,11.54156,23.0947Q11.569659999999999,23.0003,11.61563,22.9132Q11.66161,22.8261,11.723690000000001,22.7496Q11.785779999999999,22.6732,11.86159,22.6103Q11.93739,22.5474,12.02401,22.5005Q12.11063,22.4537,12.20473,22.4246Q12.298829999999999,22.3955,12.396799999999999,22.3853Q12.49476,22.3752,12.59283,22.3843Q12.6909,22.3935,12.78529,22.4216Q13.87138,22.7449,15,22.75Q18.0831,22.75,21.4326,20.1477Q23.7288,18.363599999999998,25.7811,15.6845Q26.0159,15.382,26.0157,14.99902Q26.0155,14.61607,25.7763,14.30837Q24.8261,13.0687,23.7423,11.94381Q23.674,11.87288,23.6208,11.78999Q23.5676,11.70709,23.5316,11.61541Q23.4957,11.52373,23.4782,11.42679Q23.4608,11.32985,23.4627,11.23137Q23.4645,11.1329,23.4855,11.03667Q23.5065,10.94045,23.5459,10.85017Q23.5853,10.7599,23.6415,10.67904Q23.6978,10.59818,23.7687,10.52985Q23.8396,10.46151,23.9225,10.40833Q24.0054,10.355139999999999,24.0971,10.31915Q24.1888,10.283159999999999,24.2857,10.26575Q24.3827,10.248339999999999,24.4811,10.25017Q24.5796,10.25201,24.6758,10.273019999999999Q24.772,10.29403,24.8623,10.33341Q24.9526,10.37279,25.0335,10.429020000000001Q25.1143,10.48526,25.1827,10.55619ZM25.7071,5.707107L5.707107,25.7071L5,25L4.292893,24.2929L24.2929,4.292893L25,5L25.7071,5.707107ZM24.2929,4.292893Q24.3625,4.223249,24.4444,4.16853Q24.5263,4.113812,24.6173,4.076121Q24.7083,4.03843,24.8049,4.019215Q24.9015,4,25,4Q25.0985,4,25.1951,4.019215Q25.2917,4.03843,25.3827,4.076121Q25.4737,4.113812,25.5556,4.16853Q25.6375,4.223249,25.7071,4.292893Q25.7768,4.362537,25.8315,4.44443Q25.8862,4.526322,25.9239,4.617317Q25.9616,4.708311,25.9808,4.80491Q26,4.9015086,26,5Q26,5.0984914,25.9808,5.19509Q25.9616,5.291689,25.9239,5.382683Q25.8862,5.473678,25.8315,5.55557Q25.7768,5.637463,25.7071,5.707107L5.707107,25.7071Q5.637463,25.7768,5.55557,25.8315Q5.473678,25.8862,5.382683,25.9239Q5.291689,25.9616,5.19509,25.9808Q5.0984914,26,5,26Q4.9015086,26,4.80491,25.9808Q4.708311,25.9616,4.617317,25.9239Q4.526322,25.8862,4.44443,25.8315Q4.362537,25.7768,4.292893,25.7071Q4.223249,25.6375,4.16853,25.5556Q4.113812,25.4737,4.076121,25.3827Q4.03843,25.2917,4.019215,25.1951Q4,25.0985,4,25Q4,24.9015,4.019215,24.8049Q4.03843,24.7083,4.076121,24.6173Q4.113812,24.5263,4.16853,24.4444Q4.223249,24.3625,4.292893,24.2929L24.2929,4.292893ZM11.65173,16.9541L16.9555,11.65156L17.6625,12.35875L16.9496,13.05999Q16.5639,12.66794,16.0572,12.45434Q15.5505,12.24073,15.0006,12.238430000000001Q14.45064,12.23613,13.94213,12.44548Q13.43362,12.65483,13.04472,13.04363Q12.65582,13.43244,12.446349999999999,13.9409Q12.23688,14.44936,12.23906,14.99928Q12.24123,15.5492,12.45472,16.055999999999997Q12.668199999999999,16.5628,13.06016,16.9485L12.35875,17.6612L11.65173,16.9541ZM13.06577,18.3684Q12.99649,18.4377,12.91507,18.4922Q12.833649999999999,18.5467,12.743210000000001,18.584400000000002Q12.65276,18.6221,12.55672,18.6415Q12.46068,18.660899999999998,12.3627,18.6612Q12.26473,18.6616,12.16854,18.643Q12.07235,18.6244,11.98161,18.587400000000002Q11.89087,18.5505,11.80902,18.4966Q11.72718,18.442700000000002,11.65734,18.374000000000002Q10.980319999999999,17.7078,10.61157,16.8324Q10.24283,15.957,10.23907,15.0072Q10.23532,14.05733,10.59713,13.17908Q10.95894,12.300830000000001,11.63067,11.629249999999999Q12.30241,10.95768,13.18074,10.596070000000001Q14.05908,10.23447,15.0089,10.23845Q15.9588,10.242429999999999,16.8341,10.61138Q17.709
        3,10.98033,18.3754,11.65751Q18.4441,11.727360000000001,18.497999999999998,11.80922Q18.5518,11.89107,18.5887,11.98183Q18.625700000000002,12.07258,18.6443,12.16877Q18.6629,12.26496,18.6625,12.36294Q18.662100000000002,12.46092,18.642699999999998,12.55695Q18.6232,12.652989999999999,18.5856,12.74342Q18.5479,12.83386,18.493299999999998,12.91527Q18.4388,12.99667,18.369500000000002,13.06594L13.06577,18.3684ZM25.4625,11.25Q25.4625,11.34849,25.4433,11.44509Q25.4241,11.54169,25.3864,11.63268Q25.3487,11.72368,25.294,11.80557Q25.2392,11.88746,25.1696,11.95711Q25.1,12.02675,25.0181,12.08147Q24.9362,12.13619,24.8452,12.17388Q24.7542,12.21157,24.6576,12.23078Q24.561,12.25,24.4625,12.25Q24.364,12.25,24.2674,12.23078Q24.1708,12.21157,24.0798,12.17388Q23.9888,12.13619,23.9069,12.08147Q23.825,12.02675,23.7554,11.95711Q23.6857,11.88746,23.631,11.80557Q23.5763,11.72368,23.5386,11.63268Q23.5009,11.54169,23.4817,11.44509Q23.4625,11.34849,23.4625,11.25Q23.4625,11.15151,23.4817,11.05491Q23.5009,10.95831,23.5386,10.86732Q23.5763,10.77632,23.631,10.69443Q23.6857,10.61254,23.7554,10.54289Q23.825,10.47325,23.9069,10.41853Q23.9888,10.36381,24.0798,10.32612Q24.1708,10.28843,24.2674,10.269210000000001Q24.364,10.25,24.4625,10.25Q24.561,10.25,24.6576,10.269210000000001Q24.7542,10.28843,24.8452,10.32612Q24.9362,10.36381,25.0181,10.41853Q25.1,10.47325,25.1696,10.54289Q25.2392,10.61254,25.294,10.69443Q25.3487,10.77632,25.3864,10.86732Q25.4241,10.95831,25.4433,11.05491Q25.4625,11.15151,25.4625,11.25ZM13.5,23.38Q13.5,23.4785,13.48078,23.5751Q13.46157,23.6717,13.42388,23.7627Q13.38619,23.8537,13.33147,23.9356Q13.27675,24.0175,13.20711,24.0871Q13.13746,24.1568,13.05557,24.2115Q12.97368,24.2662,12.88268,24.3039Q12.79169,24.3416,12.69509,24.3608Q12.59849,24.38,12.5,24.38Q12.40151,24.38,12.30491,24.3608Q12.20831,24.3416,12.11732,24.3039Q12.02632,24.2662,11.94443,24.2115Q11.86254,24.1568,11.79289,24.0871Q11.72325,24.0175,11.66853,23.9356Q11.61381,23.8537,11.57612,23.7627Q11.53843,23.6717,11.519210000000001,23.5751Q11.5,23.4785,11.5,23.38Q11.5,23.2815,11.519210000000001,23.1849Q11.53843,23.0883,11.57612,22.9973Q11.61381,22.9063,11.66853,22.8244Q11.72325,22.7425,11.79289,22.6729Q11.86254,22.6032,11.94443,22.5485Q12.02632,22.4938,12.11732,22.4561Q12.20831,22.4184,12.30491,22.3992Q12.40151,22.38,12.5,22.38Q12.59849,22.38,12.69509,22.3992Q12.79169,22.4184,12.88268,22.4561Q12.97368,22.4938,13.05557,22.5485Q13.13746,22.6032,13.20711,22.6729Q13.27675,22.7425,13.33147,22.8244Q13.38619,22.9063,13.42388,22.9973Q13.46157,23.0883,13.48078,23.1849Q13.5,23.2815,13.5,23.38Z"
                            fill="#000000"
                            fill-opacity="1"
                          />
                        </g>
                      </g>
                    </g>
                  </g>
                </g>
              </svg>
            </div>
          </div>
          <div>
            密码强度:<span :class="qiangdu">{{ q }}</span>
          </div>
        </div>
        <div class="xz">
          <div>
            <input
              type="checkbox"
              name=""
              id=""
              style="cursor: pointer"
              @change="qd"
            />我已阅读用户协议并同意
          </div>
        </div>
      </div>
      <div class="login" @click="zc">注册</div>
      <div class="zzzz">
        <div>
          你已有平台账号?<span
            @click="load"
            class="qiehuan"
            style="margin-left: 1em"
            >用户登录</span
          >
        </div>
        <div style="cursor: pointer" id="wjmm" @click="wjmm">忘记密码</div>
      </div>
    </div>
  </div>
</template>

<script>
import axios from 'axios'
import md5 from 'js-md5';
import {useStore} from 'vuex'
import { ElMessage } from 'element-plus'
import { View } from "@element-plus/icons-vue";
export default {
  name: "ARight",
  components: {
    View
  },
  setup(){
   const store=useStore
        return{
          state:store.state,
          change(){
          store.commit('changemm')
          }
        }

  },
  data() {
    return {
      eye: false,
      denglu: true,
      can:false,
      qiangdu:'',
      q:'',
      reme:false,
      num:0,
      num1:0,
      pass:'',
      email:''
    };
  },
  methods: {
    //是否勾选记住
    jz(){
      this.num++;
      if(this.num/2){
        this.reme=false
      }else{
        this.reme=true
      }
    },
    //是否勾选确定
    qd(){
    this.num1++
    },
    //进入忘记密码界面
    wjmm(){
      this.$store.commit('changemm')
    },
    //密码框格式切换
    xs() {
      let eye = this.eye;
      if (eye) {
        this.eye = false;
        this.$refs.mm.type = "password";
      } else {
        this.eye = true;
        this.$refs.mm.type = "text";
      }
    },
    //登录注册页面切换
    qiehuan(){
    this.$store.commit('zhuce')
    },
    //登录
    load(){
     
      this.$store.commit('denglu')
    },
    //验证邮箱格式
    yzyx(e){
       let emailReg = /^\w{3,}(\.\w+)*@[A-z0-9]+(\.[A-z]{2,5}){1,2}$/;
       let add=e.target.value
       if(!emailReg.test(add)){
        ElMessage({
        message: '邮箱格式错误，请重新输入邮箱',
        type: 'warning',
  })
       }else{
        this.can=true
       }
      
    },
    //登录验证
    dl(){
       if(!this.can||this.$refs.mm.value==''){
        ElMessage({
        message: '请填写所有信息',
        type: 'warning',
  })
       }else{
            axios({
                  method:"post",
                  url:'/login',
                  data:{
                    email:this.email,
                    password:md5(this.pass)
                  }
                }).then((res)=>{
                  console.log(res.data)
                })
                this.$router.push('/index')
       }
    },
    //验证密码强度
     yzmm(){
          let mmtwo=this.$refs.mm.value
          let strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g")  //强
          let mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g")  //中
          let enoughRegex = new RegExp("(?=.{6,}).*", "g") //弱
         if(strongRegex.test(mmtwo)){
          this.qiangdu='strong';
          this.q='很强'
          this.pass=mmtwo

         }else if(mediumRegex.test(mmtwo)){
           this.qiangdu='middle';
           this.q='中等'
          this.pass=mmtwo

         }else if(enoughRegex.test(mmtwo)){
          this.q='简单'
          this.qiangdu='ruo';
         }
        
       },
    //注册
    zc(){
      if(this.qiangdu=='ruo'){
        ElMessage({
        message: '密码太简单，请重新输入',
        type: 'warning',
  })
  
      }else if(!this.can){
        ElMessage({
        message: '邮箱格式有问题，请重新输入',
        type: 'warning',
  })
      }else if(this.$refs.name==''){
                ElMessage({
        message: '不能为空白名，请重新输入',
        type: 'warning',
  })
      }else if((this.num1%2)===0||this.num1==0){
        ElMessage({
        message: '请勾选协议',
        type: 'warning',
  })
      }
      else{
         axios({
                  method:"post",
                  url:'/login',
                  data:{
                    email:this.email,
                    password:md5(this.pass)
                  }
                }).then((res)=>{
                  console.log(res.data)
                })
         this.$store.commit('info')
      }
    }
  },
};
</script >

<style>

</style>